<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 当前样式 -->
    <link rel="stylesheet" href="../css/api.css">
</head>

<body>

    <!-- 蒙层 -->
    <div id="mask" class="mask">
        <div id="modal" class="modal">
            <span class="closebtn">X</span>
            <img class="mlogo" src="../imgs/new-logo-white2.png" alt="">
            <div class="zhanghao">
                <span class="dlspan">账号登录</span>|
                <span class="smsapn ">扫码登录</span>
            </div>
            <div class="logo-box">
                <!-- 账号登录-->
                <div class="user ">
                    <!-- 账号 -->
                    <div class="userbox">
                        <img class="userimg" height="30px" src="../imgs/user.png" alt="">
                        <input id="useripnt" type="text" placeholder="请输入账号">
                        <img id="dateIocn" class="dete-iocn" src="../imgs/delete.png" alt="">
                        <span id="userTips" class="usertpis"></span>
                    </div>
                    <div class="pwsdbox">
                        <img class="wordimg" height="30px" src="../imgs/unlock.png" alt="">
                        <input id="pwdiput" type="password" placeholder="请输入密码">
                        <img id="egeIocn" class="ege-iocn" src="../imgs/close.png" alt="">
                        <span id="pswdTips" class="pswdtips"></span>
                    </div>
                    <a class="wjmm" href="#">忘记密码</a>
                    <button id="ModBtn" class="modl">登录</button>
                    <p class="ymts">还没有源码账号? <a class="ljzc" href="./register.html">立即注册</a></p>
                </div>
                <!-- 扫码登录 -->
                <div class="scancode mt30" style="display: none;">
                    <img class="codeimg" src="../imgs/103-demo.png" alt="">
                    <ul class="weixsm">
                        <p>微信扫码登录</p>
                        <p>未关注源码科技公众号,请先关注后登录!</p>
                    </ul>
                    <p class="ymts">还没有源码账号? <a class="ljzc" href="./register.html">立即注册</a></p>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部 -->
    <div class="haed clearfix ">
        <!-- logo -->
        <h1 class=" fl">
            <a class="head-logo  " href="#"><img src="../imgs/logo-white.png" alt="">
            </a>
        </h1>
        <!-- 导航 -->
        <div class=" fl">
            <ul class="nav">
                <li> <a href="./home.html">首页</a> </li>
                <li> <a href="../page/particle.html">API</a></li>
                <li> <a href="#">云服务</a></li>
                <li> <a href="./case.html">案例</a> </li>
                <li> <a href="#">开发者</a> </li>
            </ul>
        </div>
        <!-- 登录&注册 -->
        <div class=" home-logbtn fr" style="width: 200px; height: 80px;">
            <a href="./login.html" id="hdengLu" class="hdenglu">登录</a>
            <a href="./register.html" class="hzhuche">注册有礼</a>
        </div>
    </div>


    <!-- API分类 -->
    <div class="apisort container mb30 ">
        <h2>API分类</h2>
        <ul class="apisort-ul">
            <!-- <li>全部</li>
            <li>生活服务</li>
            <li>金融科技</li>
            <li>交通地理</li>
            <li>充值缴费</li>
            <li>数据智能</li>
            <li>企业工商</li>
            <li>应用开发</li>
            <li>电子商务</li>
            <li>吃喝玩乐</li>
            <li>文娱视频</li>
            <li class="ative">免费接口大全</li>
            <li>短信</li>
            <li>汽车</li>
            <li>核验</li>
            <li class="ative">最新发布</li>
            <li class="ative">API私有化部署</li> -->
        </ul>
        <!-- 搜索 -->
        <div class="inputtext clearfix">
            <span class="inpsz fl">全部</span>
            <div class="api-tsimg fl">
                <input class="api-text" type="text" placeholder="全部">
                <img src="../imgs/magnifier.png" alt="">
            </div>

        </div>
    </div>
    <!-- API框架 -->
    <ul class=" container mb30 apiiast " style="height: 1200px;">
        <li>
            <span class="enter onblock">企业专用</span>
            <div class="api-cent">
                <img src="../imgs/API_01.jpg" alt="">
                <p>2021防疫出行政策指南</p>
                <p class="mb20 green">免费</p>
            </div>

            <button class="sqbtn">申请数据</button>
            <!-- </li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li> -->
    </ul>
    <!-- 分页器 -->
    <div class="fyq container mb30" style="height: 50px;">
        <span class="atives">1</span>
        <span>2</span>
        <span>3</span>
        <span>4</span>
        <span>5</span>
        <span>6</span>
        <span>......</span>
        <a class="xyy" href="#">下一页></a>
    </div>

    <!-- 尾部 -->
    <div class="container-fluid foot-2  mt30" style="height: 270px;">
        <div class="foot container  mt30" style="height: 270px">
            <ul class="foot-1 fl clearfix">
                <li class=" fl">
                    <h2 class="size">联系与支持</h2>
                    <p>400-882-7715</p>
                    <p>售前咨询</p>
                    <p>客服&售后</p>
                    <p>常见问题</p>
                    <p>极速工单</p>
                    <p>投诉与建议</p>
                </li>
                <li class="fl">
                    <h2 class="size">关于源码</h2>
                    <p>400-882-7715</p>
                    <p>售前咨询</p>
                    <p>客服&售后</p>
                    <p>常见问题</p>
                    <p>极速工单</p>
                    <p>投诉与建议</p>
                </li>
                <li class="fl">
                    <h2 class="size">联系与支持</h2>
                    <p>400-882-7715</p>
                    <p>售前咨询</p>
                    <p>客服&售后</p>
                    <p>常见问题</p>
                    <p>极速工单</p>
                    <p>投诉与建议</p>
                </li>
                <li class="fl">
                    <h2 class="size">联系与支持</h2>
                    <p>400-882-7715</p>
                    <p>售前咨询</p>
                    <p>客服&售后</p>
                    <p>常见问题</p>
                    <p>极速工单</p>
                    <p>投诉与建议</p>
                </li>
                <li class="fl">
                    <h2 class="size">联系与支持</h2>
                    <p>400-882-7715</p>
                    <p>售前咨询</p>
                    <p>客服&售后</p>
                    <p>常见问题</p>
                    <p>极速工单</p>
                    <p>投诉与建议</p>
                </li>
            </ul>
            <div class="wechat fl">
                <h1 class="weixin">微信公众号</h1>
                <p class="ymsd">源码时代</p>
                <img class="ewm" src="../imgs/wechat-white.png" alt="">
                <p class="fontwb">源码大数据股份有限公司©版权所有</p>
            </div>
        </div>
    </div>
    <p class="bei">
        <img class="bei-img" src="../imgs/bei2.png" alt="">
        <img class="bei-img" src="../imgs/bei1.png" alt="">
        增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
    </p>
    <script src="../js/api.js"></script>
</body>

</html>